<template>
  <div class="demo">
    <div class="demo-title">分段式进度条</div>
    <div class="demo-content">
      <Tooltip title="3 完成 / 3 在进行中 / 4 未完成">
        <Progress :percent="60" :success-percent="30" />
      </Tooltip>
      <Tooltip title="3 完成 / 3 在进行中 / 4 未完成">
        <Progress :percent="60" :success-percent="30" type="circle" />
      </Tooltip>
      <Tooltip title="3 完成 / 3 在进行中 / 4 未完成">
        <Progress :percent="60" :success-percent="30" type="dashboard" />
      </Tooltip>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Tooltip from '@sscd/tooltip';
  import Progress from '@sscd/progress';
</script>
